/*  
Template name: Freshmade Software
Template URI: http://templates.arcsin.se/freshmade-software-website-template/
Release date: 2009-06-21
Last updated: 2009-08-10
Description: A software company styled template in light colors of white, orange and brown.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* 
   Reset
------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input,select
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

table,td,th {
	vertical-align: middle;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

a img {
	border: none;
}

:focus {
	outline: 0;
}

/* 
   General 
------------------------------------------------------------------- */
html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #A9A9A9;
	color: #444;
	font: normal 75% sans-serif;
	line-height: 1.5;
}

/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}

h4,h5,h6 {
	font-weight: bold;
}

h1 {
	font-size: 2.6em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
	color: #951;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1em;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
	margin: 0;
}

/* Text elements */
p {
	margin-bottom: 1em;
}

a:focus,a:hover {
	color: #002;
}

a {
	color: #246;
	text-decoration: underline;
}

abbr,acronym {
	border-bottom: 1px dotted #666;
}

address {
	margin-bottom: 1.5em;
}

blockquote {
	margin: 1.2em;
	line-height: 1.4em;
}

blockquote span {
	font-size: 1.4em;
	color: #000;
}

del {
	color: #666;
}

em,dfn,blockquote,address {
	font-style: italic;
}

strong,dfn {
	font-weight: bold;
}

sup,sub {
	line-height: 0;
}

cite {
	color: #666;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

pre,code,tt {
	font: 1em monospace;
	line-height: 1.5;
}

/* Lists */
li ul,li ol {
	margin-left: 1.5em;
}

ul,ol {
	margin: 0 1.5em 1.5em 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

/* Tables */
table {
	margin-bottom: 1.4em;
	width: 100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #C3D9FF;
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

tr.even td {
	background: #F2F6FA;
}

tfoot {
	font-style: italic;
}

caption {
	background: #EEE;
}

table.data-table {
	border: 1px solid #EEE;
	margin-bottom: 2em;
	width: 100%;
}

table.data-table th {
	background: #EEE;
	border: 1px solid #DDD;
	color: #555;
	text-align: center;
}

table.data-table tr {
	border-bottom: 1px solid #EEE;
}

table.data-table td,table th {
	padding: 8px 10px;
}

table.data-table td {
	background: #F6F6F6;
	border: 1px solid #E6E6E6;
}

table.data-table tr.even td {
	background: #FCFCFC;
}

/* Misc classes */
.small {
	font-size: 0.9em;
}

.smaller {
	font-size: 0.8em;
}

.smallest {
	font-size: 0.7em;
}

.large {
	font-size: 1.1em;
}

.larger {
	font-size: 1.2em;
}

.largest {
	font-size: 1.3em;
}

.hidden {
	display: none;
}

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.highlight {
	background: #FF0;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.error,.notice,.success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.error {
	background: #FBE3E4;
	color: #8A1F11;
	border-color: #FBC2C4;
}

.error a {
	color: #8A1F11;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.notice a {
	color: #514721;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.success a {
	color: #264409;
}

div.more {
	padding-top: 6px;
}

.more a,a.more {
	color: #666;
}

.more a:hover,a.more:hover {
	color: #002;
}

/* 
   Forms 
------------------------------------------------------------------- */
label {
	font-weight: bold;
	cursor: pointer;
}

fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #DDD;
	background: #F6F6F6;
}

legend {
	font-weight: bold;
	font-size: 1.2em;
}

textarea {
	overflow: auto;
}

input.text,textarea,select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}

input.text:focus,textarea:focus,select:focus {
	background: #FFFFF5;
}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}

input.button:active {
	border-style: inset;
}

.form-error {
	border-color: #F00;
}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */
.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Images */
img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}

img.alignleft,img.left {
	margin: 0 1.5em 1em 0;
}

img.alignright,img.right {
	margin: 0 0 1em 1.5em;
}

/* Floats */
.left,.alignleft {
	float: left;
}

.right,.alignright {
	float: right;
}

.clear,.clearer {
	clear: both;
}

.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
}

/* Columns */
.col2 {
	width: 47%;
}

/* 
   Separators 
------------------------------------------------------------------- */
.content-separator,.archive-separator {
	background: #EEE;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}

.archive-separator {
	margin: 0 0 14px;
}

.separator-vertical {
	background: url('img/separator-vertical.gif') repeat-y center top;
}

/* 
   Posts 
------------------------------------------------------------------- */
.post {
	margin-bottom: 24px;
}

.post a {
	text-decoration: none;
}

.post a:hover,.post-body a {
	text-decoration: underline;
}

.post-title {
	border-bottom: 1px solid #E5E5E5;
}

.post-date {
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 0;
}

.post-date a {
	color: #444;
}

.post-body {
	padding-top: 12px;
}

.post-meta {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}

.post-meta a {
	color: #345;
}

.post-meta a:hover {
	color: #001;
}

/* 
   mini Posts 
------------------------------------------------------------------- */
.mini-post {
	margin: 5px;
	float: left;
	width: 200px;
}

.mini-post a {
	text-decoration: none;
}

.mini-post a:hover,.mini-post-body a {
	text-decoration: underline;
}

.mini-post-title {
	border-bottom: 1px solid #E5E5E5;
}

.mini-post-date {
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 0;
}

.mini-post-date a {
	color: #444;
}

.mini-post-body {
	padding-top: 12px;
}

.mini-post-meta {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}

.mini-post-meta a {
	color: #345;
}

.mini-post-meta a:hover {
	color: #001;
}

/* 
   hlaf Posts 
------------------------------------------------------------------- */
.half-post {
	margin: 5px;
	float: left;
	width: 300px;
}

.half-post a {
	text-decoration: none;
}

.half-post a:hover,.half-post-body a {
	text-decoration: underline;
}

.half-post-title {
	border-bottom: 1px solid #E5E5E5;
}

.half-post-date {
	color: #777;
	font-size: 0.9em;
	padding: 8px 0 0;
}

.half-post-date a {
	color: #444;
}

.half-post-body {
	padding-top: 12px;
}

.half-post-meta {
	background: #FCFCFC;
	border: 1px solid #ECECEC;
	color: #777;
	font-size: 0.9em;
	padding: 6px 10px;
}

.half-post-meta a {
	color: #345;
}

.half-post-meta a:hover {
	color: #001;
}

ul.nice-list {
	border-top: 1px solid #F0F0F0;
	margin-left: 0;
	margin-right: 0;
}

ul.nice-list li {
	border-bottom: 1px solid #F0F0F0;
	list-style: none;
	padding: 6px 5px;
}

ul.nice-list li a {
	text-decoration: none;
}

ul.nice-list li a:hover {
	text-decoration: underline;
}

ul.nice-list span {
	color: #666;
}

#sidebar ul.nice-list li,#sidebar ul.nice-list {
	border-color: #E0E0E0;
}

/* Archives */
.archive-pagination {
	margin-bottom: 1.6em;
}

.archive-pagination a {
	text-decoration: none;
}

.archive-pagination a:hover {
	text-decoration: underline;
}

.archive-post {
	margin-bottom: 14px;
}

.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}

.archive-post .post-date {
	border: none;
	padding: 0;
}

.archive-post-day {
	font: normal 1.6em Georgia, serif;
}

.archive-post .post-date,.archive-post-title {
	padding-top: 3px;
}

/* 
   Thumbnails
------------------------------------------------------------------- */
.thumbnails {
	margin: 0 0 1em -8px;
}

.thumbnails a.thumb {
	background: #DAD6D0;
	display: block;
	float: left;
	margin: 0 0 8px 8px;
	padding: 1px;
}

.thumbnails a.thumb:hover {
	background: #AAA;
}

.thumbnails .thumb img {
	display: block;
}

/* 
   Box
------------------------------------------------------------------- */
.box {
	background: url('img/box.gif') no-repeat left top;
	border-bottom: 1px solid #DFDFDA;
	border-top: 1px solid #FFF;
	padding: 16px 20px 0;
}

.box a {
	color: #951;
}

.box a:hover {
	color: #310;
}

.box-title {
	color: #665;
	font: normal 1.6em sans-serif;
}

.box-content {
	padding: 8px 0;
}

/* 
   Comments 
------------------------------------------------------------------- */
div.comment-list {
	border-top: 1px solid #EEE;
	margin: 1em 0 2em;
}

.comment {
	border-bottom: 1px solid #EEE;
	padding: 10px 8px 0;
}

.comment-date {
	font-size: 0.9em;
}

.comment-date a {
	color: #567;
	text-decoration: none;
}

.comment-date a:hover {
	color: #001;
	text-decoration: underline;
}

.comment-body {
	padding-top: 4px;
}

.comment-gravatar {
	width: 48px;
}

.comment-gravatar img {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 2px;
}

/* 
   Layout 
------------------------------------------------------------------- */

/* Common */
.center-wrapper {
	width: 960px;
	margin: 0 auto;
}

/* Header */
#header-wrapper {
	background: #2F2F2F url('img/header.gif') repeat-x left top;
}

#header-wrapper-2 {
	background: url('img/header-wrapper-2.gif') repeat-y center top;
}

#header {
	background: #333 url('img/header.gif') repeat-x left top;
	padding: 32px 32px 0 46px;
}

#help-wrapper {
	background: url('img/help.gif') no-repeat left top;
	height: 39px;
	margin: -8px 0 0 auto;
	width: 290px;
}

#help {
	color: #666;
	font-size: 1.2em;
	padding: 10px 28px 0 32px;
}

#help a {
	color: #999;
	text-decoration: none;
}

#help a:hover {
	color: #DDD;
}

#help span.text-separator {
	color: #444;
	padding: 0 7px;
}

#logo {
	color: #FFF;
}

#site-title a {
	text-decoration: none;
}

#site-title,#site-title a {
	color: #FFF;
}

#site-title span,#site-title a span {
	color: #DDD;
}

#site-slogan {
	color: #B58361;
	font-size: 1.3em;
}

/* Navigation */
ul.tabbed {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.tabbed li {
	float: left;
	list-style: none;
}

ul.tabbed a {
	text-decoration: none;
}

#navigation-wrapper {
	background: url('img/navigation.gif') repeat-x left top;
}

#navigation-wrapper-2 {
	background: url('img/navigation-wrapper-2.gif') no-repeat center top;
}

#navigation {
	background: url('img/navigation.gif') repeat-x left top;
	min-height: 46px;
	padding: 0 8px;
}

#navigation a {
	color: #EAE6DD;
	display: block;
	font-weight: bold;
	font-size: 1.3em;
	padding: 12px 12px 11px;
}

#navigation a:hover {
	color: #FFF;
}

#navigation li.current_page_item a,#navigation li.current_page_parent a
	{
	color: #FFE;
}

#navigation li.current_page_item a {
	background: url('img/navigation-arrow-2.gif') no-repeat center bottom;
}

#navigation li.current_page_parent a {
	background: url('img/navigation-arrow.gif') no-repeat center bottom;
}

.nice-list li.current_page_item a {
	text-decoration: underline;
}

/* Subnav */
#subnav-wrapper {
	background: #E9E9E9 url('img/subnav-wrapper.gif') repeat-x left bottom;
}

#subnav-wrapper-2 {
	background: url('img/subnav-wrapper-2.gif') no-repeat center bottom;
}

#subnav {
	padding: 0 8px;
}

#subnav a {
	color: #666;
	display: block;
	font: bold 1.1em sans-serif;
	padding: 12px 12px;
}

#subnav a:hover {
	color: #111;
}

#subnav li.current_page_item a {
	color: #333;
}

/* Content */
.content {
	font-size: 1.1em;
}

#content-wrapper {
	background: #F6F6F6 url('img/content-wrapper.gif') repeat-y center top;
}

.content#content-two-columns {
	background: url('img/content-two-columns.gif') repeat-y left top;
}

/* Main */
#main-wrapper {
	float: right;
	width: 698px;
}

#main {
	padding: 24px;
}

#main .text-separator,#featured .text-separator {
	color: #AAA;
	padding: 0 5px;
}

/* Sidebar */
#sidebar-wrapper {
	float: left;
	width: 260px;
}

/* Footer */
#footer-wrapper {
	background: url('img/footer-wrapper.gif') no-repeat center bottom;
	border-top: 1px solid #999;
	padding-bottom: 20px;
}

#footer {
	background: #808080;
	font-size: 1.1em;
	padding: 12px 16px;
}

#footer a {
	color: #DDD;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
}

#footer span.text-separator {
	color: #999;
	padding: 0 3px;
}

/* Bottom */
#bottom {
	color: #666;
	padding: 0 6px 12px;
}

#bottom a {
	color: #555;
	text-decoration: none;
}

#bottom a:hover,#bottom .right a:hover {
	color: #002;
}

#bottom span.text-separator {
	color: #888;
	padding: 0 3px;
}

#bottom .right,#bottom .right a {
	color: #777;
}

/* Featured Box */
#featured-wrapper {
	background: url('img/gradient-light.gif') repeat-x left bottom;
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 22px;
}

#featured {
	padding: 42px 124px 12px 48px;
}

#featured h2 {
	font: normal 3em sans-serif;
	margin: 0;
}

#featured h2 span {
	color: #43B16C;
}

/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */
.noborder {
	border: 0;
}

.notborder {
	border-top: 0;
}

.norborder {
	border-right: 0;
}

.nobborder {
	border-bottom: 0;
}

.nolborder {
	border-left: 0;
}

/* Margin */
.nomargin {
	margin: 0;
}

.notmargin {
	margin-top: 0;
}

.normargin {
	margin-right: 0;
}

.nobmargin {
	margin-bottom: 0;
}

.nolmargin {
	margin-left: 0;
}

/* Padding */
.nopadding {
	padding: 0;
}

.notpadding {
	padding-top: 0;
}

.norpadding {
	padding-right: 0;
}

.nobpadding {
	padding-bottom: 0;
}

.nolpadding {
	padding-left: 0;
}

/* Single Line IE Fixes */
* html .separator-vertical,* html .content {
	height: 0.01%;
	min-height: 0.01%;
}

/* CUSTOM */
.blind {
	display: none;
}
/* BUTTONS */
button {
	padding: 0px;
	margin: 0px;
	border: 0px;
	cursor: hand;
}

button.write {
	width: 32px;
	height: 32px;
	background-image: url("img/write.png") !important;
}

button.list {
	width: 32px;
	height: 32px;
	background-image: url("img/list.png") !important;
}

button.save {
	width: 32px;
	height: 32px;
	background-image: url("img/save.png") !important;
}

button.del {
	background-image: url("img/del.png") !important;
	width: 16px;
	height: 16px;
}

button.del_32 {
	background-image: url("img/del_32.png") !important;
	width: 32px;
	height: 32px;
}

button.del_24 {
	background-image: url("img/del_24.png") !important;
	width: 24px;
	height: 24px;
}
button.new {
	width: 24px;
	height: 24px;
	background-image: url("img/new.png") !important;
}

button.manage_32 {
	width: 32px;
	height: 32px;
	background-image: url("img/manage.png") !important;
}
button.login {
	background-image: url("img/login.png") !important;
	width: 64px;
	height: 64px;
}

button.reply {
	width: 64px;
	height: 64px;
	background-image: url("img/reply.png") !important;
}

button>span {
	display: none;
}

input[type=text],input[type=password] {
	width: 100%;
}

textarea {
	height: 300px;
	width: 620px;
}

/* 페이징 */
#pagination {
	width: 250px; 
	margin: 0px auto;
	clear: both;
}
#pagination ul {
	border: 0;
	margin: 0;
	padding: 0;
}

#pagination li {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
}

#pagination a {
	border: solid 1px #DDDDDD;
	margin-right: 2px;
}

#pagination .previous-off,#pagination .next-off {
	color: #666666;
	display: block;
	float: left;
	font-weight: bold;
	padding: 3px 4px;
}

#pagination .next a,#pagination .previous a {
	font-weight: bold;
	border: solid 1px #FFFFFF;
}

#pagination .active {
	color: #ff0084;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
}

#pagination a:link,#pagination a:visited {
	color: #0063e3;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}

#pagination a:hover {
	border: solid 1px #666666;
}

.categoryManagerDiv {
	width: 600px;
	margin: 0px auto;
}

.middleArrowSeperator {
	background-image: url("img/arrow_right.png");
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	width: 64px;
	height: 300px;
}

.selected {
	background-color: #CCC;
}

.on {
	background-color: #99FF33;
}

.categoryWrapper {
	width: 250px; 
	height: 350px;
	float: left;
}

.categoryWrapper td, .categoryWrapper th {
	text-align: center;
}

.product_list_table th, .product_list_table td {
	padding: 0px;
}